<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
</head>
<body>
    <div class="header" >
      <i class="iconfont icon-zuo" id="back"></i>
      个人资料
    </div>
    <!-- 这是昵称区域 -->
    <div class="weui-cell weui-cell_active">
        <div class="weui-cell__hd"><label class="weui-label">昵称</label></div>
        <div class="weui-cell__bd">
            <input id="js_input"  class="weui-input nickname" placeholder="填写本人微信号的昵称"/>
        </div>
      </div>
      <!-- 这是性别区域的开始 -->
      <div class="weui-cell weui-cell_active weui-cell_access" id="showgenderPicker">
        <div class="weui-cell__bd">性别</div>
        <div class="weui-cell__ft" id="gender"></div>
      </div>
      <!-- 这是生日区域的开始 -->
      <div class="weui-cell weui-cell_active weui-cell_access" id="showDatePicker">
        <div class="weui-cell__bd" >生日</div>
        <div class="weui-cell__ft"id="birthday"></div>
      </div>
      <!-- 这是所在省份区域 -->
      <div class="weui-cell weui-cell_active weui-cell_access" id="showprovincePicker">
        <div class="weui-cell__bd">省份</div>
        <div class="weui-cell__ft" id="prosheng"></div>
      </div>
      <!-- 这是所在城市区域 -->
      <div class="weui-cell weui-cell_active weui-cell_access" id="showcityPicker">
        <div class="weui-cell__bd">城市</div>
        <div class="weui-cell__ft" id="city"></div>
      </div>
      <!-- 这是文本域区域的开始 -->
      
        
        <div class="weui-cells__title individual" >个人简介</div>
        <div class="weui-cells weui-cells_form">
        <div class="weui-cell ">
        <div class="weui-cell__bd">
        <textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3" id="individual" maxlength="20"></textarea>
        <div class="weui-textarea-counter"><span id="individual_num1">0</span>/2 0</div>
        </div>
        </div>
        </div>
        
    <!-- 这是尾部区域 -->
    <div class="footer" id="message">
        保存信息
    </div>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>